<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml">
<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<title>智唐：数据驱动产业升级</title>
	<link rel="stylesheet" type="text/css" href="../../../../static/js/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="../../../../static/js/swiper/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="../../../../static/css/pcms-front/common.css">
	<script type="text/javascript" src="../../../../static/js/lib/jquery-1.11.2.min.js"></script>
	<script type="text/javascript" src="../../../../static/js/layui/layui.js"></script>
	<script type="text/javascript" src="../../../../static/js/swiper/js/swiper.min.js"></script>
</head>
<body>
<div class="page">
	<div class="main" id="list">
		<div class="header" th:include="front/pc/common/front_header" style="position:fixed;width:100%;top:0px;z-index:20;">
			<img src="../../../../static/images/PC/logo/logo.png" width="173" height="48">
			<div class="hd-nav">
				<div class="hd-nav-item current">
					<a><span class="dot"></span>
						<span class="txt">热点</span>
					</a>
				</div>
				<div class="hd-nav-item">
					<a><span class="dot"></span>
						<span class="txt">资讯</span>
					</a>
				</div>
				<div class="hd-nav-item">
					<a><span class="dot"></span>
						<span class="txt">行业</span>
					</a>
				</div>
				<div class="hd-nav-item">
					<a>
						<span class="dot"></span>
						<span class="txt">活动</span>
					</a>
				</div>
				<div class="hd-nav-item">
					<a>
						<span class="dot"></span>
						<span class="txt">专题</span>
					</a>
				</div>
				<div class="hd-nav-item">
					<a>
						<span class="dot"></span>
						<span class="txt">专栏</span>
					</a>
				</div>
				<!--<div class="hd-nav-item item-show">-->
					<!--<a><span class="dot"></span>-->
						<!--<span class="txt">专栏</span>-->
						<!--<span class="arrow"></span>-->
					<!--</a>-->
					<!--<div class="hd-nav-item-show">-->
						<!--<li>人物专栏</li>-->
						<!--<li>主题专栏</li>-->
					<!--</div>-->
				<!--</div>-->
				<div class="hd-nav-item">
					<a>
						<span class="dot"></span>
						<span class="txt">资料库</span>
					</a>
				</div>
			</div>
			<div class="hd-search">
				<!--<div class="img"></div>
				<input type="text" placeholder="输入关键词后回车">-->
				<div id="input-find">
					<form class="layui-form">
						<select name="city" lay-verify="required" lay-filter="city">
							<option value="">文章</option>
							<option value="0">文章</option>
							<option value="1">作者</option>
							<option value="2">主题</option>
							<option value="3">资料</option>
						</select>
					</form>
					<input class="input-text" type="text" placeholder="请输入关键字">
					<button class="input-btn">
						<img src="../../../../static/images/PC/icon/find.png" height="16" width="16"/>
					</button>
				</div>
				<div class="hd-lr">
					<div class="img"></div>
					<a class="l">登录</a>
					<a>注册</a>
				</div>
			</div >
		</div>
		<div class="content" style="margin-top:85px;">
			<div class="content-sy">
				<div class="left">
				   <!--轮播图-->
				   <div th:if="${type} eq null or ${type} eq '0' " class="swiper-container">
					   <div class="swiper-wrapper">
						   <div class="swiper-slide" th:each="pic:${pList}">
							   <a th:href="${pic.picLink}">
								   <img src="../../../../static/images/PC/banner/1.png" width="800" height="400" th:src="${resourceUrl + pic.picUrl}">
								   <p class="txt" th:text="${pic.picTitle}">Compatible Inkjet Cartridge Which One Will You Choose</p>
							   </a>
						   </div>
						   <div th:remove="All" class="swiper-slide"><a><img src="../../../../static/images/PC/banner/1.png" width="800" height="400"><p class="txt">Compatible Inkjet Cartridge Which One Will You Choose gfdfh fhfgjf dfgfgjfg fghfgjfg</p></a></div>
						   <div th:remove="All" class="swiper-slide"><a><img src="../../../../static/images/PC/banner/1.png" width="800" height="400"><p class="txt">Compatible Inkjet Cartridge Which One Will You Choose ssss ghgjgj  fhgfj</p></a></div>
						   <div th:remove="All" class="swiper-slide"><a><img src="../../../../static/images/PC/banner/1.png" width="800" height="400"><p class="txt">Compatible Inkjet Cartridge Which One Will You Choose fgoiupoip; retreyrut</p></a></div>
					   </div>
					   <!-- Add Pagination -->
					   <div class="swiper-pagination"></div>
					   <!-- Add Arrows -->
					   <div class="swiper-button-next swiper-button-white"></div>
					   <div class="swiper-button-prev swiper-button-white"></div>
				   </div>
				   <!--图片展示-->
				   <div th:if="${type} eq '1' and ${pic0} ne null" class="imgshow">
					   <div class="imgshow-left" th:if="${pic0} ne null">
						   <a th:href="${pic0.picLink}"><img src="../compentent/qiaoyu/images/ImgBg1.png" th:src="${resourceUrl + pic0.picUrl}"/></a>
						   <div class="imgshow-left-shadow">
							   <img src="../../../../static/images/PC/banner/Overlay.png" height="83" width="280"/>
							   <p th:text="${pic0.picTitle}">塔里木河呀故乡的河 多少回你从我的梦中流过，当我穿过了炙热的沙漠，你就像流进了我的心窝窝。</p>
						   </div>
					   </div>
					   <div class="imgshow-right">
						   <div class="imgshow-right-top" th:if="${pic1} ne null">
							   <a th:href="${pic1.picLink}"><img src="../compentent/qiaoyu/images/ImgBg3.png" th:src="${resourceUrl + pic1.picUrl}"/></a>
							   <div class="imgshow-right-shadow">
								   <img src="../../../../static/images/PC/banner/Overlay.png" height="83" width="280"/>
								   <p th:text="${pic1.picTitle}">每当夜晚来临的时候，孤独总在我左右，每当心跳的时候</p>
							   </div>
						   </div>
						   <div class="imgshow-right-bottom" th:if="${pic2} ne null">
							   <a th:href="${pic2.picLink}"><img src="../compentent/qiaoyu/images/ImgBg2.png" th:src="${resourceUrl + pic2.picUrl}"/></a>
							   <div class="imgshow-right-shadow">
								   <img src="../../../../static/images/PC/banner/Overlay.png" height="83" width="280"/>
								   <p th:text="${pic2.picTitle}">一飞冲天 快马加鞭万马奔腾汽车骑行飞机大炮</p>
							   </div>
						   </div>
					   </div>
				   </div>
				   <!--标签-->
				   <div id="theme" th:if="${type} eq '1' or ${type} eq '2'" class="label">
					   <a th:each="d:${dList}" th:onclick="'dicSort(\''+${d.id}+'\')'"><li th:text="${d.tagName}">最新资讯</li></a>
					   <a th:remove="All"><li>物流企业</li></a>
					   <a th:remove="All"><li>明星人物</li></a>
					   <a th:remove="All"><li>社会生活</li></a>
					   <a th:remove="All"><li>金融</li></a>
					   <a th:remove="All"><li>医疗</li></a>
					   <a th:remove="All"><li>教育</li></a>
					   <a th:remove="All"><li>假装五个字</li></a>
					   <a th:remove="All"><li>运动健康</li></a>
					   <a th:remove="All"><li>制造业</li></a>
					   <a th:remove="All"><li>互联网</li></a>
					   <a th:remove="All"><li>文化</li></a>
				   </div>
				   <!--列表-->
				   <div class="sy-list sy dicContent" id="content">
					   
					   <div class="bg_list" th:each="article:${aList.datas}" xmlns:th="http://www.thymeleaf.org">
						   
						   <div class="bg_list_left">
							   <a  th:onclick="'articleDetail(\''+${article.id}+'\')'">
								   <img src="../../../../static/images/PC/banner/1.png" th:src="${resourceUrl+article.poster}">
							   </a>
						   </div>
						   <div class="bg_list_right">
							   <div class="bg_list_right_title">
								   <a th:text="${article.title}" th:onclick="'articleDetail(\''+${article.id}+'\')'">有时候用英文并不是为了装逼，是sketch插件生成的英文呀的方式的观点是给对方涣发大号梵蒂冈的的复合肥的好几个房间给房价高广泛地回复发动机盖就</a>
							   </div>
							   <div class="bg_list_right_detail">
								   <a th:text="${article.summary}"  th:onclick="'articleDetail(\''+${article.id}+'\')'">
									   One of the “tricks” I find most useful for hosting stress-free dinner parties is to make some of the recipes ahead. I find that too many last minute jobs can overwhelm me, so I plan ahead to eliminate as many as possible. The more dishes you can prepare a day or some hours before guests ring your doorbell, the more you reduce your stress. Here are some reasons:
								   </a>
							   </div>
							   <div class="bg_list_right_bottom">
								   <div class="float-left indust_label"  >
									   <a th:each="tag:${article.tag}">[[${tag}]]</a>
								   </div>
								   <div class="author_info float-right">
									   <span class="author"><a th:authorId="${article.createUserId}" th:text="${#strings.isEmpty(article.nickname) ?(article.originAuthor):(article.nickname)}" onclick="toAuthor(this)">Claudia Aguilar放大镜感动哭了机构的示例共计</a></span>
									   <span class="time" th:text="'∙ '+${#dates.format(article.createDate,'yyyy-MM-dd')}">∙ 2016-09-28</span>
								   </div>
							   </div>
						   </div>
					   </div>
					   
				   </div>
			   </div>
				<div class="right">
					<!--热门文章-->
					<div class="sm_list">
						<div class="sm_list_head">
							<img src="../../../../static/images/PC/icon/hot.png">
							<span>热门文章</span>
						</div>
						<div class="sm_list_content" th:include="front/pc/hot_article :: hot_article">
							<div th:remove="All" class="hotpost_list">
								<div class="hotpost_list_left float-left">
									<img src="../../../../static/images/PC/demo/rmwz/1.png">
								</div>
								<div class="hotpost_list_right float-left">
									<p class="title">Are You Ready To Buy A Home Theater Audio System</p>
									<div class="time_info">
										<img src="../../../../static/images/PC/icon/clock.png" class="time">
										<span>09-07-2016</span>
										<img src="../../../../static/images/PC/icon/arrow-right.png" class="arrow-right">
									</div>
								</div>
							</div>
							<div th:remove="All" class="hotpost_list">
								<div class="hotpost_list_left float-left">
									<img src="../../../../static/images/PC/demo/rmwz/2.png">
								</div>
								<div class="hotpost_list_right float-left">
									<p class="title">Are You Ready To Buy A Home Theater Audio System</p>
									<div class="time_info">
										<img src="../../../../static/images/PC/icon/clock.png" class="time">
										<span>09-07-2016</span>
										<img src="../../../../static/images/PC/icon/arrow-right.png" class="arrow-right">
									</div>
								</div>
							</div>
							<div th:remove="All" class="hotpost_list">
								<div class="hotpost_list_left float-left">
									<img src="../../../../static/images/PC/demo/rmwz/3.png">
								</div>
								<div class="hotpost_list_right float-left">
									<p class="title">Are You Ready To Buy A Home Theater Audio System</p>
									<div class="time_info">
										<img src="../../../../static/images/PC/icon/clock.png" class="time">
										<span>09-07-2016</span>
										<img src="../../../../static/images/PC/icon/arrow-right.png" class="arrow-right">
									</div>
								</div>
							</div>
							<div th:remove="All" class="hotpost_list">
								<div class="hotpost_list_left float-left">
									<img src="../../../../static/images/PC/demo/rmwz/4.png">
								</div>
								<div class="hotpost_list_right float-left">
									<p class="title">Are You Ready To Buy A Home Theater Audio System</p>
									<div class="time_info">
										<img src="../../../../static/images/PC/icon/clock.png" class="time">
										<span>09-07-2016</span>
										<img src="../../../../static/images/PC/icon/arrow-right.png" class="arrow-right">
									</div>
								</div>
							</div>
							<div th:remove="All" class="hotpost_list">
								<div class="hotpost_list_left float-left">
									<img src="../../../../static/images/PC/demo/rmwz/5.png">
								</div>
								<div class="hotpost_list_right float-left">
									<p class="title">Are You Ready To Buy A Home Theater Audio System</p>
									<div class="time_info">
										<img src="../../../../static/images/PC/icon/clock.png" class="time">
										<span>09-07-2016</span>
										<img src="../../../../static/images/PC/icon/arrow-right.png" class="arrow-right">
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--作者推荐-->
					<div class="sm_list" style="margin-top: 40px">
						<div class="sm_list_head">
							<img src="../../../../static/images/PC/icon/feather.png">
							<span>作者推荐</span>
						</div>
						<div class="sm_list_content" th:include="front/pc/hot_author :: hot_author">
							<div th:remove="All" class="recommendauth_list">
								<div class="recommendauth_list_left float-left">
									<img src="../../../../static/images/PC/demo/zztj/1.png">
								</div>
								<div class="recommendauth_list_center float-left">
									<p class="title">Grace Morrison</p>
									<div class="detail">Download Free Song For Ipod</div>
								</div>
								<div class="recommendauth_list_right float-right">
									<div class="care" onclick="Care_pc(this)">
										<i></i>
										<span>关注</span>
									</div>
								</div>
							</div>
							<div th:remove="All" class="recommendauth_list">
								<div class="recommendauth_list_left float-left">
									<img src="../../../../static/images/PC/demo/zztj/2.png">
								</div>
								<div class="recommendauth_list_center float-left">
									<p class="title">Grace Morrison</p>
									<div class="detail">Download Free Song For Ipod</div>
								</div>
								<div class="recommendauth_list_right float-right">
									<div class="care" onclick="Care_pc(this)">
										<i></i>
										<span>关注</span>
									</div>
								</div>
							</div>
							<div th:remove="All" class="recommendauth_list">
								<div class="recommendauth_list_left float-left">
									<img src="../../../../static/images/PC/demo/zztj/3.png">
								</div>
								<div class="recommendauth_list_center float-left">
									<p class="title">Grace Morrison</p>
									<div class="detail">Download Free Song For Ipod</div>
								</div>
								<div class="recommendauth_list_right float-right">
									<div class="care" onclick="Care_pc(this)">
										<i></i>
										<span>关注</span>
									</div>
								</div>
							</div>
							<div th:remove="All" class="recommendauth_list">
								<div class="recommendauth_list_left float-left">
									<img src="../../../../static/images/PC/demo/zztj/4.png">
								</div>
								<div class="recommendauth_list_center float-left">
									<p class="title">Grace Morrison</p>
									<div class="detail">Download Free Song For Ipod</div>
								</div>
								<div class="recommendauth_list_right float-right">
									<div class="care" onclick="Care_pc(this)">
										<i></i>
										<span>关注</span>
									</div>
								</div>
							</div>
							<div th:remove="All" class="recommendauth_list">
								<div class="recommendauth_list_left float-left">
									<img src="../../../../static/images/PC/demo/zztj/5.png">
								</div>
								<div class="recommendauth_list_center float-left">
									<p class="title">Grace Morrison</p>
									<div class="detail">Download Free Song For Ipod</div>
								</div>
								<div class="recommendauth_list_right float-right">
									<div class="care" onclick="Care_pc(this)">
										<i></i>
										<span>关注</span>
									</div>
								</div>
							</div>
							<div th:remove="All" class="recommendauth_list_more">
								<span class="see-more">查看更多</span>
							</div>
						</div>
					</div>
					<!--热门专栏-->
					<div class="sm_list" style="margin-top: 40px">
						<div class="sm_list_head">
							<img src="../../../../static/images/PC/icon/book.png">
							<span>热门专题</span>
						</div>
						<div class="sm_list_content" th:include="front/pc/hot_theme :: hot_theme">
							<div class="hottopic_list">
								<div class="hottopic_list_img">
									<img src="../../../../static/images/PC/demo/rmzt/1.png">
									<div class="headline">
										<span>Will The Democrats Be Able To Reverse The Online Gambling Ban</span>
									</div>
								</div>
								<div class="headline-ceng1"></div>
								<div class="headline-ceng2"></div>
							</div>
							<div class="hottopic_list">
								<div class="hottopic_list_img">
									<img src="../../../../static/images/PC/demo/rmzt/2.png">
									<div class="headline">
										<span>Will The Democrats Be Able To Reverse The Online Gambling Ban</span>
									</div>
								</div>
								<div class="headline-ceng1"></div>
								<div class="headline-ceng2"></div>
							</div>
							<div class="hottopic_list">
								<div class="hottopic_list_img">
									<img src="../../../../static/images/PC/demo/rmzt/3.png">
									<div class="headline">
										<span>Will The Democrats Be Able To Reverse The Online Gambling Ban</span>
									</div>
								</div>
								<div class="headline-ceng1"></div>
								<div class="headline-ceng2"></div>
							</div>
							<div class="recommendauth_list_more">
								<span class="see-more">查看更多</span>
							</div>
						</div>
					</div>
					<!--活动推荐-->
					<div class="sm_list" style="margin-top: 40px">
						<div class="sm_list_head">
							<img width="22" height="22" src="../../../../static/images/PC/icon/activIcon.png">
							<span>活动推荐</span>
						</div>
						<div class="sm_list_content" th:include="front/pc/hot_act :: hot_act">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--<div class="footer gradient-ft">
			<div class="ft-left">
				<a>关于我们</a>
				<a>加入我们</a>
				<a>联系我们</a>
				<a>合作伙伴</a>
			</div>
			<img class="ft-center" src="../../../../static/images/PC/logo/logo2.png" width="215" height="53">
			<div class="ft-right">
				<a>提交建议</a>
				<a>常见问题解答</a>
			</div>
			<div class="ft-bottom">© Copyright 2012-2017. 运联传媒 版权所有. All Rights Reserved. 京ICP备11046437号-1</div>
		</div>-->
		<div class="new-footer" th:replace="front/pc/common/front_bottom">
			<div class="color-line"></div>
			<div class="fot-left">
				<img src="../../../../static/images/PC/wx.png">
				<div class="right">
					<p class="title"><span class="big">远联传媒</span>关注货运业 · 关怀货运人</p>
					<p class="des">© 2012-2017  版权所有 运联（北京）会展有限公司<br>
						由启智数合提供技术支持      京ICP备17001150号-1</p>
				</div>
			</div>
			<!--<ul class="margin-right">-->
				<!--<li class="title">导航</li>-->
				<!--<li><a class="l">热点</a><a class="r">资讯</a></li>-->
				<!--<li><a class="l">行业</a><a class="r">专题</a></li>-->
				<!--<li><a class="l">专栏</a><a class="r">活动</a></li>-->
				<!--<li><a class="l">资料库</a></li>-->
			<!--</ul>-->
			<ul class="margin-right">
				<li class="title">关于</li>
				<li><a>关于我们</a></li>
				<li><a>加入我们</a></li>
				<li><a>合作伙伴</a></li>
			</ul>
			<ul class="margin-left-no">
				<li class="title">合作&联系</li>
				<li>电话:<a>010-52071951</a></li>
				<li>传真:<a>010-52071951</a></li>
				<li>客服QQ:<a>1507807146</a></li>
		    </ul>
		</div>
		
	</div>
	<!--右侧汉堡导航-->
	<a href="http://jsform.com/f/5760f22a0cf2e3fd3f847d6c">
		<div class="Hamburg1">
			<p>用户反馈</p>
		</div>
	</a>
	<div class="Hamburg2">
		<div class="img1"></div>
		<p>客户端</p>
		<!--左侧二维码-->
		<div class="index-code"><p>微信扫一扫</p></div>
	</div>
	<div class="Hamburg3">
		<div class="img"></div>
	</div>
</div>
<script type="text/javascript" src="../../../../static/js/pc/common.js"></script>
<script th:inline="javascript">

	function dicSort(dicId){
//		console.log(dicId);
		$.post('/dic_sort.html',{classId:dicId, type:[[${type}]]},function(dom){
//			console.log(dom);
			$('.dicContent').remove();
			$('.left').append(dom);
		},'html');
	}

	/*首页之轮播图*/
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		nextButton: '.swiper-button-next',
		prevButton: '.swiper-button-prev',
		paginationClickable: true,
		spaceBetween: 30,
		centeredSlides: true,
		autoplay: 2500,
		autoplayDisableOnInteraction: false
	});

//	function articleDetail(id){
//		location.href = '/article/'+id+'.html';
//	}

    if([[${aList.totalPage}]] <= 1){
//        alert(1);layui-flow-more
        $('#content').append('<div class="layui-flow-more">没有更多了</div>')
    }else{
        layui.use(['flow','form'],function(){
            var flow=layui.flow,form = layui.form;
            flow.load({
                elem:"#content",//指定列表元素,追加元素到该元素
//            scrollElem:"#list",//滚动条所在元素选择器，默认document
                isAuto:true,//是否自动加载。默认true。
                isLazyimg:true,//是否开启图片懒加载。默认false
                done:function(page,next){//到达临界点（默认滚动触发），触发下一页
                    if(page <= [[${aList.totalPage}]]){
                        $.ajax({
                            type: "POST",
                            url:  "/article/index_list",
                            data: {"type":[[${type}]],"pageNo":page},
                            dataType: "html",
                            success: function (data) {

                                next(data, true);//传递过来的参数next
                            }
                        });
                    }else{
                        next("", false);
                    }

                }
            });
        });
    }

	function toAuthor(obj){
		var authorId = $(obj).attr("authorId");
		var flag = false;
		$.ajax({
			type: "POST",
			url: "isAuthor.html",
			data: {"authorId":authorId},
			dataType: "json",
			async: false,
			success: function (data) {
				if(data.status==0){
					return;
				}else{
					flag = true;
				}
			}
		});
		if(flag){
			window.open("author/"+authorId+".html");
		}
		
	}
	var flag=[[${flag}]];
	if (flag!="") {
		var lis = $("#theme li");
		for (i = 0; i < lis.length; i++) {
			var theme = $(lis[i]).text();
			if (theme==flag){
				$(lis[i]).parent().click();
				$(lis[i]).addClass("label-show");
			}
			
		}
	}


</script>
</body>
</html>